<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // let obj = {
      //   a: {
      //     b: "c",
      //   },
      //   c: "d",
      //   e: {
      //     f: "g",
      //     h: {
      //       i: "j",
      //       k: "m",
      //     },
      //   },
      //   l: "o",
      // };

      // //扁平化对象

      // function getObj(obj) {
      //   let result = {};
      //   function loop(obj) {
      //     for (const key in obj) {
      //       if (typeof obj[key] === "object") {
      //         loop(obj[key]);
      //       } else {
      //         result[key] = obj[key];
      //       }
      //     }
      //   }
      //   loop(obj);
      //   return result;
      // }
      // let res = getObj(obj);
      // console.log(res);

      function Foo() {
        getName = function () {
          console.log(1);
        };
        return this;
      }

      Foo.getName = function () {
        console.log(2);
      };

      Foo.prototype.getName = function () {
        console.log(3);
      };

      var getName = function () {
        console.log(4);
      };

      function getName() {
        console.log(5);
      }

      Foo.getName(); //2
      getName(); //4
      Foo().getName(); //1
      getName(); //1
      new Foo.getName(); //2
      new new Foo().getName(); //3
    </script>
  </body>
</html>
